body {
  position: relative;
}

#page { 
  position: relative;
  height: 100%;
}

#left {
  position: absolute;
  width: 45%;
  height: 705px;
  top: 0px;
  left: 0px;
  border: 1px solid silver;
  overflow: auto;
}

#head { 
  top: 0px;
  left: 0px;
  margin-left: 46%;
  height: 150px;
}

#map { 
  top: 0px;
  left: 0px;
  margin-left: 46%;
  margin-top: 5px;
  border: 1px solid silver;
  height: 550px;
}

#participants li{
	list-style: none;
}
#participants a{
	color:  #98B2CC;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#participants a:hover{
	color:  #98B2CC;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
body { 
/*  background-color: #dcdcdc;*/
  color:#99b3cc;
  font-size:10pt;
}

h1{
	color:#ec008c;
	text-align:left;
	font-size:20pt;
	font-weight:bold;
}

h2{
	color:#ec008c;
	text-align:left;
	font-size:16pt;
	font-weight:bold;
}

h3{
	color:#99b3cc;
	text-align:left;
	font-size:14pt;
}

h4{
	color:#99b3cc;
	text-align:left;
	font-size:12pt;
}


a:link{
	color:#ec008c;
	text-decoration:none;
}
a:visited{
	color:#db0a74;
	text-decoration:none;
}
a:hover{
	color:#db0a74;
	text-decoration:none;
}

.demonstration_title{
	color:#99b3cc;
	text-align:left;
	font-size:10pt;
	font-weight:bold;
}

.info{
	color:#99b3cc;
	text-align:left;
	font-size:8pt;
}

.demonstration_desc{
	color:#99b3cc;
	text-align:left;
	font-size:10pt;
}

.title_box{
	color:#ec008c;
	text-align:left;
	font-size:10pt;
}

.link{
	color:#ec008c;
	text-align:center;
	font-size:10pt;
	font-weight:bold;
}
